<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8"/>
    <!-- 以下是禁止横屏的 -->
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <!-- 以上是禁止衡平 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="robots" content="all">
    <meta name="Description" content=""/>
    <meta name="Keywords" content=""/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1.0,user-scalable=no">
    <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
    <title>
    </title>
    <!-- <script src="//cdn.jsdelivr.net/npm/eruda"></script>
    <script>eruda.init();</script> -->
</head>

<body>
<noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<script>
    // prevent pinch-zoom for iOS Safari 9~12
    if (window.GestureEvent && !('touchAction' in document.documentElement.style)) {
        document.documentElement.addEventListener('gesturestart', (e) => {
            e.preventDefault()
        }, {passive: false, capture: true});
    }
</script>
<style>
    html,
    body {
        height: 100% !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    * {
        margin: 0;
        padding: 0;

    }

    /* prevent pull-to-refresh for Safari 16+ */
    @media screen and (pointer: coarse) {
        @supports (-webkit-backdrop-filter: blur(1px)) and (overscroll-behavior-y: none) {
            html {
                min-height: 100.3%;
                overscroll-behavior-y: none;
            }
        }
    }

    /* prevent pull-to-refresh for Safari 9~15 */
    @media screen and (pointer: coarse) {
        @supports (-webkit-backdrop-filter: blur(1px)) and (not (overscroll-behavior-y: none)) {
            html {
                height: 100%;
                overflow: hidden;
            }

            body {
                margin: 0px;
                max-height: 100%;
                /* or `height: calc(100% - 16px);` if body has default margin */
                overflow: auto;
                -webkit-overflow-scrolling: touch;
            }

            /* in this case to disable pinch-zoom, set `touch-action: pan-x pan-y;` on `body` instead of `html` */
        }
    }

    /* prevent pull-to-refresh for Chrome 63+ */
    body {
        overscroll-behavior-y: none;
    }

    html {
        touch-action: pan-x pan-y;
        min-height: 100%;
    }
</style>
</body>

<!-- <script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script> -->
</html>